<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/login.css" />
<title>비밀번호 찾기</title>
<script type="text/javascript" src="./js/jquery.validate.js"></script>
<script type="text/javascript">
	(function($) {
		$(document).ready(function() {
			$("#email").focus();
			/* $("#pwdFind_form").validate({
				rules : {
					email : {
						required : true,
						email : true,
					},
					mobile : {
						required : true,
						number : true
					},
				},
				messages : {
					email : {
						required : "이메일을 입력하세요",
						email : "이메일이 올바르지 않습니다"
					},
					mobile : {
						required : "전화번호를 입력하세요",
						number : "숫자만 입력하세요"
					},
				},
				submitHandler : function(frm) {
					frm.submit();
				},
				success : function(e) {

				}
			}); */
		});
	})(jQuery);
</script>
<style type="text/css">
input.error,textarea.error {
	border: 1px solid red;
}

label.error {
	margin-left: 10px;
	color: red;
}
</style>
</head>
<body>
<%
if(request.getAttribute("message") != null){
%>
	<form name="pwdFind_form" id="pwdFind_form" method="post" action="pwdFind.do">
		<div style = "height: 50px;"></div>
		<div align="center">
		<img src = "images/join/pass_find.gif"/>
		</div>
		
		<div align="center" id = "find_frm">
		<p>
		    <label for="email">이메일</label>
			<input class = "inputText"  type="text" name="email" id="email" placeholder="이메일 주소" />
		</p>
		<p>
		    <label for="mobile">휴대폰</label>
			<input class = "inputText"  type="text" name="mobile" id="mobile" placeholder="전화 번호" />
		</p>
		<p>
			<input class = "findBtn" type="submit" value="찾기" />
		</p>
		<span><%=request.getAttribute("message") %></span><br />
		</div>
	</form>
<%
}else{
%>
    <form name="pwdFind_form" id="pwdFind_form" method="post" action="pwdFind.do">
		<div style = "height: 50px;"></div>
		<div align="center">
		<img src = "images/join/pass_find.gif"/>
		</div>
		<div align="center" id = "find_frm">
		<p>
		    <label for="email">이메일</label>
			<input class = "inputText"  type="text" name="email" id="email" placeholder="이메일 주소" />
		</p>
		<p>
		    <label for="mobile">휴대폰</label>
			<input class = "inputText"  type="text" name="mobile" id="mobile" placeholder="전화 번호" />
		</p>
		<p>
			<input class = "findBtn" type="submit" value="찾기" />
		</p>
		</div>
	</form>
<%
}
%>
</body>
</html>